<template>
  <div>
    <router-view/>
  </div>
</template>


<script>
import {mapGetters} from 'vuex'
import SongEdit from '../../components/song/songedit'
import SongInfo from '../../components/song/songinfo'

export default {
  name: "Song",
  components: {SongEdit,SongInfo},
  data() {
    return {
      showPlay: false,
      showSongMain: true, //是否展示主界面
      hasValue: true, // 是否还有值
      searchFlag: false,
      search: '', // 搜索值
      tableData: [
      ]
    }
  },

  methods: {
    /*回车进行关键词搜索*/
    searchSongEnter() {
      console.log(this.search)
      this.searchFlag = true;
    },

    /*显示歌词*/
    handleClick(row) {
      this.$refs.ShowLyric.drawer = true;
      this.$refs.ShowLyric.lyric = row.lyric;
    },

  }
}
</script>

<style scoped>
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .applogo {
    animation: App-logo-spin infinite 10s linear;
  }
}
</style>
